{% extends "layout.html" %}

{% block css %}
    <link href="static/buss/css/plugin.css" rel="stylesheet" type="text/css"/>
    <link href="static/plugin/sweetalert/sweetalert.css" rel="stylesheet" type="text/css"/>
    <link href="static/css/dropify.min.css" rel="stylesheet" type="text/css"/>
{% endblock %}

{% block webinfo %}
    <div class="container">
        <div class="row" style="margin-bottom: 20px">
            <div class="col-sm-12">
                <div class="btn-group pull-right m-t-15">
                    <button type="button" class="btn btn-tag dropdown-toggle waves-effect waves-light"
                            data-toggle="modal" data-target="#con-close-modal">新增事件
                    </button>
                </div>
                <div style="margin-top: 15px">
                    <span style="font-weight: bold;color:white">插件数:100</span>
                </div>
            </div>
        </div>
    </div>

    

    <div id="con-close-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true" style="display: none;">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title">新增事件</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group no-margin">
                                    <label for="field-type" class="control-label">插件格式</label>
                                    <select class="form-control" id="field-type">
                                        <option></option>
                                        <option>json</option>
                                        <option>script</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row uploadjson" style="display: none;">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="field-name" class="control-label">事件名称</label>
                                    <input type="text" class="form-control" id="field-name" placeholder="">
                                </div>
                            </div>
                        </div>

                        <div class="row uploadjson" style="display: none;">
                            <div class="col-md-6">
                                <div class="form-group no-margin">
                                    <label for="field-risk" class="control-label">严重等级</label>
                                    <select class="form-control" id="field-risk">
                                        <option></option>
                                        <option value="高">高危</option>
                                        <option value="中">中危</option>
                                        <option value="低">低危</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="field-info" class="control-label">事件类型</label>
                                    <select class="form-control" id="field-risk">
                                        <option></option>
                                        <option value="信息系统异常">信息系统异常</option>
                                        <option value="设备实施故障">设备实施故障</option>
                                        <option value="网络攻击">网络攻击</option>
                                        <option value="数据泄密">数据泄密</option>
                                        <option value="其他">其他</option>
                                    </select>
                                </div>
                            </div>
                        </div>


                        <div class="row uploadjson" style="display: none;">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="field-info" class="control-label">事故开始时间</label>
                                    <input type="text" class="form-control" id="field-begintime" placeholder="">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="field-info" class="control-label">事故结束时间</label>
                                    <input type="text" class="form-control" id="field-endtime" placeholder="">
                                </div>
                            </div>
                        </div>

                        <!-- 事件描述 -->
                        <div class="row uploadjson" style="display: none;">
                            <div class="col-md-12">
                                <label for="field-vultype" class="control-label">事故描述</label>
                                <textarea class="form-control" rows="2" id="field-data"
                                              placeholder=""></textarea>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="field-info" class="control-label">受影响系统</label>
                                    <input type="text" class="form-control" id="field-endtime" placeholder="">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="field-info" class="control-label">系统负责人</label>
                                    <input type="text" class="form-control" id="field-endtime" placeholder="">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <label for="field-vultype" class="control-label">原因分析</label>
                                <textarea class="form-control" rows="2" id="field-data"
                                              placeholder=""></textarea>
                            </div>
                            <div class="col-md-12">
                                <label for="field-vultype" class="control-label">处理措施</label>
                                <textarea class="form-control" rows="2" id="field-data"
                                              placeholder=""></textarea>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group no-margin">
                                    <label for="field-risk" class="control-label">处理结果</label>
                                    <select class="form-control" id="field-dealresult">
                                        <option></option>
                                        <option value="未处理">未处理</option>
                                        <option value="临时处理">临时处理</option>
                                        <option value="已处理">已处理</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group no-margin">
                                    <label for="field-risk" class="control-label">确认为安全事件</label>
                                    <select class="form-control" id="field-isevent">
                                        <option></option>
                                        <option value="是">是</option>
                                        <option value="否">否</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        

                        <div class="row uploadfile" style="display: none">
                            <div class="col-md-12">
                                <div class="form-group no-margin">
                                    <label for="field-upload" class="control-label" data-max-file-size="1M">信息补充</label>
                                    <input type="file" class="dropify" id="field-upload" name="file"/>
                                </div>
                            </div>
                        </div>


                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="close">关闭
                        </button>
                        <button type="button" class="btn btn-info waves-effect waves-light" id="add">保存</button>
                    </div>
                </div>
            </div>
        </div><!-- /.modal -->

{% endblock %}

{% block js %}
    <script src="static/plugin/sweetalert/sweetalert.min.js"></script>
    <script src="static/js/dropify.min.js"></script>
    <script src="static/js/ajaxfileupload.js"></script>
    <script src="static/buss/js/plugin.js"></script>
{% endblock %}